import React, { Component } from "react";
import "./xhbPorblem.scss";
import { connect } from "react-redux";
import MainLayout from "../../../component/mainLayout/mainLayout";
import { Accordion, Badge, List } from "antd-mobile";
class xhbPorblem extends Component {
	constructor(props) {
		super(props);
		this.state = {
			productDetail: this.props.match.params.productDetail,
			tabs: [
				{ title: <Badge>借款问题</Badge> },
				{ title: <Badge>还款问题</Badge> },
				{ title: <Badge>账户问题</Badge> }
			]
		};
	}

	render() {
		const headerParams = {
			header: {
				title: "常见问题"
			},
			history: this.props.history
		};
		let { productDetail } = this.state;
		return (
			<MainLayout pageParams={headerParams} isScroll={false}>
				<div className="question-page productproblem">
					<div className="bg"></div>
					{/* <Tabs tabs={this.state.tabs} > */}
					<div className="tab-content1">
						<Accordion
							defaultActiveKey="0"
							className="my-accordion"
							onChange={this.onChange}
						>
							<Accordion.Panel header="Q1:什么是小辉宝？">
								<List className="my-list">
									<List.Item>
										A:小辉宝是由华通银行为永辉用户提供的银行存款产品。
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q2:小辉宝的购买方式和起息规则是怎样的？">
								<List className="my-list">
									<List.Item>
										A:小辉宝仅支持电子账户购买，开通电子账户后需要使用绑定卡为电子账户进行充值，充值后可购买小辉宝，每日23:50分之前购买当日计息。
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q3:小辉宝的收益如何计算？">
								<List className="my-list">
									<List.Item>
										{productDetail === "A" && (
											<span>
												A:每周一至周日为一个计息周期，每周一按3.80%利率付息到电子账户;不足一个计息周期则根据当周实际存款天数按照活期0.40%利率计息。如2月1日（周三）购买，2月6日（周一）前无法转出，2月6日（周一）将上周三至周日的5天按照3.80%付息；2月13日（周一）将上周7天按照3.80%付息，2月15日（周三）转出，将周一和至周二的2天按照0.40%付息并返还本金。
											</span>
										)}
										{productDetail != "A" && (
											<span>
												A:每期派息：利息=本金*年利率/12；
												<br />
												到期还本付最后一期利息，到账金额=本金+本金*年利率/12
												<br />
												提前支取活期计息，已派发利息需扣回：到账金额=本金+本金*活期利率/360*实际持有天数（算头不算尾）-已派发周期利息。
											</span>
										)}
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q4.小辉宝购买时间是否有限制？">
								<List className="my-list">
									<List.Item>
										A:每日23:50分至次日0:20因系统原因转入、转出均关闭，其他时间可正常购买。
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q5.小辉宝转出后什么时候到账？">
								<List className="my-list">
									<List.Item>
										{productDetail === "A" && (
											<span>
												A:购买日至下周一为观察期，期间不能转出，之后可以提前转出（支持全部转出或部分资金转出），资金会返回到您的电子账户中，您可以在电子账户页面进行提现操作，资金会提现至您绑定的银行卡中，最快实时到账（最迟24小时内）。
											</span>
										)}
										{productDetail != "A" && (
											<span>
												A:小辉宝支持支持全部转出和部分转出，资金会返回到您的电子账户中，您可以在余额账户页面进行提现操作，资金会提现至您绑定的银行卡中，最快实时到账（最迟24小时内）。
											</span>
										)}
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q6.购买小辉宝，是否有年龄限制？">
								<List className="my-list">
									<List.Item>
										A:购买小辉宝必须满足18周岁以上的年龄下限，年龄上限为80周岁，不满足年龄限制的用户将无法购买。
									</List.Item>
								</List>
							</Accordion.Panel>
							<Accordion.Panel header="Q7.该产品是否受存款保险保障？">
								<List className="my-list">
									<List.Item>
										A:该产品为银行标准存款，完全按照国家监督要求执行存款保险条款，50万以内100%赔付。
									</List.Item>
								</List>
							</Accordion.Panel>
						</Accordion>
					</div>
				</div>
			</MainLayout>
		);
	}
}
function mapStateToProps(state) {
	return state;
}
function mapDispatchToProps() {
	return {};
}
export default connect(mapStateToProps, mapDispatchToProps)(xhbPorblem);
